import styled from 'styled-components'
const Wrapper = styled.div`
  line-height: 40px;
  height: 40px;
  text-align: center;
  font-size: 12px;
  background-color: ${props => props.bgcolor || 'orange'};
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
`

export default function Header(props) {
  return <Wrapper {...props}>{props.title || 'Header'}</Wrapper>
}
